.arrow-container {
    position: relative;
  }
  
  .arrow {
    transition: transform 0.5s ease; /* 添加过渡效果 */
  }
  
  .arrow.flipped {
    transform: scaleY(-1); /* 进行翻转 */
  }